<!--Create by hanzhendong on 16/3/21.-->
<!DOCTYPE html>
<html lang="zh-CN" ng-app="antLink">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>移动平台</title>
    <script src="../resources/js/jquery-1.12.2.min.js"></script>
    <script src="../resources/js/jquery.fullpage.js"></script>
    <script src="../resources/js/jquery.easing.min.js"></script>
    <script src="http://api.map.baidu.com/api?v=2.0&ak=Y5wrcd8srtOk4hDlvOX8AWp05GW9mKPg"></script>
    <!--所需资源-->
    <script src="../resources/js/angular.js"></script>
    <script src="../resources/js/angular-ui-router.min.js"></script>
    <script src="../resources/js/angular-animate.js"></script>
    <script src="../resources/js/bootstrap/dist/js/ui-bootstrap-tpls-1.1.2.js"></script>
    <script src="../js/app.js"></script>
    <script src="../js/router.js"></script>
    <!--Y5wrcd8srtOk4hDlvOX8AWp05GW9mKPg-->
    <link rel="stylesheet" href="../resources/js/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../resources/css/jquery.fullpage.css">
    <link rel="stylesheet" href="../resources/css/animate.css">
    <link rel="stylesheet" href="../resources/css/app.css">
    <!--所需资源-->

</head>
<body ng-controller="antCtrl">
<!--<div ui-view="nav"></div>-->
<div>
    <nav class="navbar navbar-fixed-top alpha70" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" ui-sref="index">
                    <img src="../resources/images/logo.png" alt="">
                </a>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse pull-right" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li>
                        <a ui-sref="index">首页</a>
                    </li>
                    <li>
                        <a ui-sref="collaboration">深度合作</a>
                    </li>
                    <li>
                        <a ui-sref="download">下载</a>
                    </li>
                    <li>
                        <a class="disabled">开发者中心</a>
                    </li>
                    <li>
                        <a ui-sref="aboutUs">关于我们</a>
                    </li>
                    <li>
                        <a ui-sref="joinUs">加入我们</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>
    <!-- 首页 -->
    <!--<div id="fullpage">
        <div class="section section1">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-lg-12 col-md-12 col-sm-12">
                        <img src="../resources/images/download.png" class="download"
                             uib-popover-template="dynamicPopover.templateUrl" popover-title="{{dynamicPopover.title}}"
                             popover-trigger="mouseenter">
                        &lt;!&ndash; <a class="download"
                            style="color:#FFCC26;border:3px solid;border-radius:6px;font-size: 3em;padding: 10px; margin-top: 50px">
                             <span class="glyphicon glyphicon-save" aria-hidden="true"></span>   立即下载
                         </a>&ndash;&gt;
                    </div>
                </div>
            </div>
        </div>
        <div class="section section2">
            <div class="container">
                <div class="row">
                    <div class=" col-lg-offset-5 col-xs-12 col-lg-12 col-md-12 col-sm-12">
                        <h1 style="color: #E88A05; font-size: 4em">学习助手</h1>
                        <p style="font-size: 3em">上课提醒、成绩查询、口袋里的<br>学习助手</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="section section3">
        </div>
        <div class="section section4">
        </div>
    </div>-->
    <div ui-view class="{{pageClass}}"></div>
    <!--<script>
        $('#fullpage').fullpage({
            // anchors: ['firstPage', 'secondPage', '3rdPage'],
            sectionsColor: ['#C63D0F', '#1BBC9B', '#7E8F7C'],
            navigation: true,
            // lockAnchors: true,
            navigationPosition: 'right',
            navigationTooltips: ['第一页', '第二页', '第三页'],
            'verticalCentered': false,
            'afterLoad': function (anchorLink, index) {
                switch (index) {
                    case 1:
                        $('.section1 img').addClass('animated zoomInDown');
                        setTimeout(function () {
                            $('.section1 img').removeClass('animated zoomInDown');
                        }, 3000);
                        $('.section1 img').addClass('animated flash animatetwo');
                        break;
                    case 2:
                        $('.section2 h1').addClass('animated bounceInUp');
                        $('.section2 p').addClass('animated bounceInUp');
                        break;
                }
            },

            'onLeave': function (index, nextIndex, direction) {
                switch (index) {
                    case 1:
                        //  $('.section1 img').removeClass('animated flash animatetwo');
                        break;
                    case 2:
                        $('.section2 h1').removeClass('animated bounceInUp');
                        $('.section2 p').removeClass('animated bounceInUp');
                        break;

                }
            }
        });
    </script>--></div>

</body>
</html>